
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Neat Admin Template</title>
<meta name="description" content="">

<meta name="viewport" content="width=device-width">

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/uniform.default.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="style-toggler">
	<img src="img/icons/fugue/color.png" alt="" class='tip' title="Toggle style-switcher" data-placement="right">
</div>					
<div class="style-switcher">
	<h3>Style-switcher</h3>
	<ul>
		<li>
			<a href="#" class='style'>Default</a>
		</li>
		<li>
			<a href="#" class='blue'>Blue</a>
		</li>
		<li>
			<a href="#" class='green'>Green</a>
		</li>
		<li>
			<a href="#" class='red'>Red</a>
		</li>
	</ul>
</div>
<div class="topbar clearfix">
	<div class="container-fluid">
		<a href="dashboard.html" class='company'>Neat Admin Template</a>
		<form action="#">
			<input type="text" value="Search here...">
		</form>
		<ul class='mini'>
			<li class='dropdown dropdown-noclose supportContainer'>
				<a href="#" class='dropdown-toggle' data-toggle="dropdown">
					<img src="img/icons/fugue/book-question.png" alt="">
					Support tickets
					<span class="label label-warning">5</span>
				</a>
				<ul class="dropdown-menu pull-right custom custom-dark">
					<li class='custom'>
						<div class="title">
							What is the question?
							<span>Jul 22, 2012 by <a href="#" class='pover' data-title="Hover me" data-content="User information comes here">Hover me</a></span>
						</div>
						<div class="action">
							<div class="btn-group">
								<a href="#" class='tip btn btn-mini' title="Show ticket"><img src="img/icons/fugue/magnifier.png" alt=""></a>
								<a href="#" class='tip btn btn-mini' title="Delete ticket"><img src="img/icons/fugue/cross.png" alt=""></a>
							</div>
						</div>
					</li>
					<li class='custom'>
						<div class="title">
							How can i do this and that?
							<span>Jul 19, 2012 by <a href="#" class='pover' data-title="Username" data-content="User information comes here">Username</a></span>
						</div>
						<div class="action">
							<div class="btn-group">
								<a href="#" class='tip btn btn-mini' title="Show ticket"><img src="img/icons/fugue/magnifier.png" alt=""></a>
								<a href="#" class='tip btn btn-mini' title="Delete ticket"><img src="img/icons/fugue/cross.png" alt=""></a>
							</div>
						</div>
					</li>
					<li class='custom'>
						<div class="title">
							I want more support tickets!
							<span>Jul 19, 2012 by <a href="#" class='pover' data-title="Lorem" data-content="User information comes here">Lorem</a></span>
						</div>
						<div class="action">
							<div class="btn-group">
								<a href="#" class='tip btn btn-mini' title="Show ticket"><img src="img/icons/fugue/magnifier.png" alt=""></a>
								<a href="#" class='tip btn btn-mini' title="Delete ticket"><img src="img/icons/fugue/cross.png" alt=""></a>
							</div>
						</div>
					</li>
					<li class='custom custom-hidden'>
						<div class="title">
							This is a great feature, BUT...
							<span>Jul 18, 2012 by <a href="#" class='pover' data-title="Lorem" data-content="User information comes here">Ipsum</a></span>
						</div>
						<div class="action">
							<div class="btn-group">
								<a href="#" class='tip btn btn-mini' title="Show ticket"><img src="img/icons/fugue/magnifier.png" alt=""></a>
								<a href="#" class='tip btn btn-mini' title="Delete ticket"><img src="img/icons/fugue/cross.png" alt=""></a>
							</div>
						</div>
					</li>
					<li class='custom custom-hidden'>
						<div class="title">
							I want more colors! How?
							<span>Jul 16, 2012 by <a href="#" class='pover' data-title="Lorem" data-content="User information comes here">Lorem</a></span>
						</div>
						<div class="action">
							<div class="btn-group">
								<a href="#" class='tip btn btn-mini' title="Show ticket"><img src="img/icons/fugue/magnifier.png" alt=""></a>
								<a href="#" class='tip btn btn-mini' title="Delete ticket"><img src="img/icons/fugue/cross.png" alt=""></a>
							</div>
						</div>
					</li>
					<li class="custom">
						<div class="expand_custom">
							<a href="#">Show all support tickets</a>
						</div>
					</li>
				</ul>
			</li>
			<li class='dropdown pendingContainer'>
				<a href="#" data-toggle="dropdown" class='dropdown-toggle'>
					<img src="img/icons/fugue/document-task.png" alt="">
					Pending orders
					<span class="label label-important">1</span>
				</a>
				<ul class="dropdown-menu pull-right custom custom-dark">
					<li class='custom'>
						<div class="title">
							Pending order #1 
							<span>Jul 22, 2012 by <a href="#" class='pover' data-title="Hover me" data-content="User information comes here">Hover me</a></span>
						</div>
						<div class="action">
							<div class="btn-group">
								<a href="#" class='tip btn btn-mini' title="Show order"><img src="img/icons/fugue/magnifier.png" alt=""></a>
								<a href="#" class='tip btn btn-mini' title="Delete order"><img src="img/icons/fugue/cross.png" alt=""></a>
							</div>
						</div>
					</li>
				</ul>
			</li>
			<li class='dropdown messageContainer'>
				<a href="#" class='dropdown-toggle' data-toggle='dropdown'>
					<img src="img/icons/fugue/balloons-white.png" alt="">
					Messages
					<span class="label label-info">3</span>
				</a>
				<ul class="dropdown-menu pull-right custom custom-dark">
					<li class='custom'>
						<div class="title">
							Hello, whats your name?
							<span>Jul 22, 2012 by <a href="#" class='pover' data-title="Hover me" data-content="User information comes here">Hover me</a></span>
						</div>
						<div class="action">
							<div class="btn-group">
								<a href="#" class='tip btn btn-mini' title="Show message"><img src="img/icons/fugue/magnifier.png" alt=""></a>
								<a href="#" class='tip btn btn-mini' title="Reply message"><img src="img/icons/fugue/mail-reply.png" alt=""></a>
							</div>
						</div>
					</li>
				</ul>
			</li>
			<li>
				<a href="#">
					<img src="img/icons/fugue/gear.png" alt="">
					Settings
				</a>
			</li>
			<li>
				<a href="index.html">
					<img src="img/icons/fugue/control-power.png" alt="">
					Logout
				</a>
			</li>
		</ul>
	</div>
</div>
<div class="breadcrumbs">
	<div class="container-fluid">
		<ul class="bread pull-left">
			<li>
				<a href="dashboard.html"><i class="icon-home icon-white"></i></a>
			</li>
			<li>
				<a href="dashboard.html">
					Dashboard
				</a>
			</li>
		</ul>

	</div>
</div>
<div class="main">
	<div class="navi">
		<ul class='main-nav'>
			<li>
				<a href="dashboard.html" class='light'>
					<div class="ico"><i class="icon-home icon-white"></i></div>
					Dashboard
					<span class="label label-warning">10</span>
				</a>
			</li>
			<li>
				<a href="forms.html" class='light'>
					<div class="ico"><i class="icon-list icon-white"></i></div>
					Forms
					<span class="label label-info">1</span>
				</a>
			</li>
			<li>
				<a href="#" class='light toggle-collapsed'>
					<div class="ico"><i class="icon-th-large icon-white"></i></div>
					Tables
					<img src="img/toggle-subnav-down.png" alt="">
				</a>
				<ul class='collapsed-nav closed'>
					<li>
						<a href="datatables.html">
							Data Tables
						</a>
					</li>
					<li>
						<a href="plaintables.html">
							Plain Tables
						</a>
					</li>
					<li>
						<a href="mediatables.html">
							Media Tables
						</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="#" class='light toggle-collapsed'>
					<div class="ico"><i class="icon-tasks icon-white"></i></div>
					Interface Elements
					<img src="img/toggle-subnav-down.png" alt="">
				</a>
				<ul class='collapsed-nav closed'>
					<li>
						<a href="buttons.html">
							Buttons & Icons
						</a>
					</li>
					<li>
						<a href="sliders.html">
							Sliders & Progress-Bars
						</a>
					</li>
					<li>
						<a href="tooltips.html">
							Tooltips, Alerts & Notification
						</a>
					</li>
					<li>
						<a href="tabs.html">
							Tabs, Pills & Accordion
						</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="statistics.html" class='light'>
					<div class="ico"><i class="icon-signal icon-white"></i></div>
					Statistics
					<span class="label label-important">3</span>
				</a>
			</li>
			<li>
				<a href="#" class='light toggle-collapsed'>
					<div class="ico"><i class="icon-exclamation-sign icon-white"></i></div>
					Error Pages
					<img src="img/toggle-subnav-down.png" alt="">
				</a>
				<ul class='collapsed-nav closed'>
					<li>
						<a href="403.html">
							403
						</a>
					</li>
					<li>
						<a href="404.html">
							404
						</a>
					</li>
					<li>
						<a href="500.html">
							500
						</a>
					</li>
				</ul>
			</li>
			<li class='active open'>
				<a href="#" class='light toggle-collapsed'>
					<div class="ico"><i class="icon-book icon-white"></i></div>
					Sample Pages
					<img src="img/toggle-subnav-up-white.png" alt="">
				</a>
				<ul class='collapsed-nav'>
					<li>
						<a href="gallery.html">
							Gallery
						</a>
					</li>
					<li class='active'>
						<a href="messages.html">
							Messages
						</a>
					</li>
					<li>
						<a href="userprofile.html">
							User Profile
						</a>
					</li>
					<li>
						<a href="index.html">
							Login
						</a>
					</li>
					<li>
						<a href="results.html">
							Search results
						</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<div class="container-fluid">
		<div class="content">
			<div class="row-fluid no-margin">
				<div class="span12">
					<ul class="quicktasks">
						<li>
							<a href="#">
								<img src="img/icons/essen/32/address.png" alt="">
								<span>My adressbook</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/icons/essen/32/pen.png" alt="">
								<span>Write message</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/icons/essen/32/sign-out.png" alt="">
								<span>Sent messages</span>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/icons/essen/32/finished-work.png" alt="">
								<span>Mark all as read</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span12">
					<div class="box">
						<div class="box-head">
							<h3>Unread messages</h3>
						</div>
						<div class="box-content">
							<ul class="messages">
								<li class="user1">
									<a href="#"><img src="img/sample/40.gif" alt=""></a>
									<div class="info">
										<span class="arrow"></span>
										<div class="detail">
											<span class="sender">
												<strong>Username</strong> says:
											</span>
											<span class="time">15 minutes ago</span>
										</div>
										<div class="message">
											<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
										</div>
									</div>
								</li>
								<li class="user2">
									<a href="#"><img src="img/sample/40.gif" alt=""></a>
									<div class="info">
										<span class="arrow"></span>
										<div class="detail">
											<span class="sender">
												<strong>Username</strong> says:
											</span>
											<span class="time">15 minutes ago</span>
										</div>
										<div class="message">
											<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum..</p>
											<p>
												At vero eos et accusam et justo duo dolores et ea rebum.
											</p>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span12">
					<div class="box">
						<div class="box-head tabs">
							<h3>Messages</h3>
							<ul class="nav nav-tabs">
								<li class='active'>
									<a href="#inbox" data-toggle="tab">Inbox</a>
								</li>
								<li>
									<a href="#sent" data-toggle="tab">Sent messages</a>
								</li>
								<li>
									<a href="#trash" data-toggle="tab">Deleted messages</a>
								</li>
							</ul>
						</div>
						<div class="box-content box-nomargin">
							<div class="alert alert-info">
								<strong>Note!</strong> As you can see, the checkbox column can't be sorted! It's disabled via <code>data</code> attribute. By the way... even popovers work well in dataTables!
							</div>
							<div class="tab-content">
								<div class="tab-pane active table-with-action" id="inbox">
									<table class='table table-has-pover table-striped table-bordered dataTable dataTable-nosort' data-nosort="0">
										<thead>
											<tr>
												<th class=''>
													<input type="checkbox" class='sel_all'>
												</th>
												<th>Subject</th>
												<th>Sender</th>
												<th>Date</th>
												<th>Actions</th>
											</tr>
										</thead>
										<tbody>
											<tr class='table-unread'>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Lorem ipsum laboris laboris amet ex Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Username</a>
												</td>
												<td>
													Jul 24, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>labore sunt adipisicing qui sit sit</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Adispis</a>
												</td>
												<td>
													Jul 21, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>sit in et laboris consectetur aliquip aute minim. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Laboris</a>
												</td>
												<td>
													Jul 20, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Dolore</a>
												</td>
												<td>
													Jul 19, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr class='table-unread'>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Non reprehenderit irure irure esse. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Irure</a>
												</td>
												<td>
													Jul 14, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr class='table-unread'>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Lorem ipsum laboris laboris amet ex Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Username</a>
												</td>
												<td>
													Jul 24, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>labore sunt adipisicing qui sit sit</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Adispis</a>
												</td>
												<td>
													Jul 21, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>sit in et laboris consectetur aliquip aute minim. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Laboris</a>
												</td>
												<td>
													Jul 20, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Dolore</a>
												</td>
												<td>
													Jul 19, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Non reprehenderit irure irure esse. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Irure</a>
												</td>
												<td>
													Jul 14, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Lorem ipsum laboris laboris amet ex Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Username</a>
												</td>
												<td>
													Jul 24, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>labore sunt adipisicing qui sit sit</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Adispis</a>
												</td>
												<td>
													Jul 21, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>sit in et laboris consectetur aliquip aute minim. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Laboris</a>
												</td>
												<td>
													Jul 20, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Dolore</a>
												</td>
												<td>
													Jul 19, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Non reprehenderit irure irure esse. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Irure</a>
												</td>
												<td>
													Jul 14, 2012
												</td>
												<td class='actions'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Reply" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-reply.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
									<div class="force-padding">
										<div class="btn-toolbar">
											<div class="btn-group">
											  <button class="btn">Mark as read</button>
											  <button class="btn dropdown-toggle" data-toggle="dropdown">
											    <span class="caret"></span>
											  </button>
											  <ul class="dropdown-menu">
											  	<li>
											    	<a href="#">Reply</a>
											    </li>
											    <li>
											    	<a href="#">Delete</a>
											    </li>
											  </ul>
											</div>
										</div>
									</div>
								</div>
								<div class="tab-pane table-with-action" id="sent">
									<table class='table table-striped table-bordered dataTable dataTable-nosort' data-nosort="0">
										<thead>
											<tr>
												<th class=''>
													<input type="checkbox" class='sel_all'>
												</th>
												<th>Subject</th>
												<th>Sender</th>
												<th>Date</th>
												<th>Actions</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>sit in et laboris consectetur aliquip aute minim. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Laboris</a>
												</td>
												<td>
													Jul 20, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Dolore</a>
												</td>
												<td>
													Jul 19, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Non reprehenderit irure irure esse. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Irure</a>
												</td>
												<td>
													Jul 14, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Lorem ipsum laboris laboris amet ex Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Username</a>
												</td>
												<td>
													Jul 24, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>labore sunt adipisicing qui sit sit</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Adispis</a>
												</td>
												<td>
													Jul 21, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>sit in et laboris consectetur aliquip aute minim. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Laboris</a>
												</td>
												<td>
													Jul 20, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Dolore</a>
												</td>
												<td>
													Jul 19, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Non reprehenderit irure irure esse. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Irure</a>
												</td>
												<td>
													Jul 14, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Lorem ipsum laboris laboris amet ex Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Username</a>
												</td>
												<td>
													Jul 24, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>labore sunt adipisicing qui sit sit</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Adispis</a>
												</td>
												<td>
													Jul 21, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>sit in et laboris consectetur aliquip aute minim. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Laboris</a>
												</td>
												<td>
													Jul 20, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Dolore</a>
												</td>
												<td>
													Jul 19, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Non reprehenderit irure irure esse. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Irure</a>
												</td>
												<td>
													Jul 14, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
									<div class="force-padding">
										<div class="btn-toolbar">
											<div class="btn-group">
											  <button class="btn">Mark as read</button>
											  <button class="btn dropdown-toggle" data-toggle="dropdown">
											    <span class="caret"></span>
											  </button>
											  <ul class="dropdown-menu">
											  	<li>
											    	<a href="#">Reply</a>
											    </li>
											    <li>
											    	<a href="#">Delete</a>
											    </li>
											  </ul>
											</div>
										</div>
									</div>
								</div>
								<div class="tab-pane table-with-action" id="trash">
									<table class='table table-striped table-bordered dataTable dataTable-nosort' data-nosort="0">
										<thead>
											<tr>
												<th class=''>
													<input type="checkbox" class='sel_all'>
												</th>
												<th>Subject</th>
												<th>Sender</th>
												<th>Date</th>
												<th>Actions</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Lorem ipsum laboris laboris amet ex Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Username</a>
												</td>
												<td>
													Jul 24, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>labore sunt adipisicing qui sit sit</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Adispis</a>
												</td>
												<td>
													Jul 21, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>sit in et laboris consectetur aliquip aute minim. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Laboris</a>
												</td>
												<td>
													Jul 20, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Duis dolore magna</td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Dolore</a>
												</td>
												<td>
													Jul 19, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
											<tr>
												<td class='table-checkbox'>
													<input type="checkbox" class='selectable-checkbox'>
												</td>
												<td>Non reprehenderit irure irure esse. </td>
												<td>
													<a href="#" class='pover' data-title="username" data-content="some user information">Irure</a>
												</td>
												<td>
													Jul 14, 2012
												</td>
												<td class='actions_two'>
													<div class="btn-group">
														<a href="#" title="Read message" class="btn btn-mini tip">
															<img src="img/icons/fugue/mail-open.png" alt="">
														</a>
														<a href="#" title="Delete" class="btn btn-mini tip deleteRow">
															<img src="img/icons/fugue/mail--minus.png" alt="">
														</a>
													</div>
												</td>
											</tr>
										</tbody>
									</table>
									<div class="force-padding">
										<div class="btn-toolbar">
											<div class="btn-group">
											  <button class="btn">Mark as read</button>
											  <button class="btn dropdown-toggle" data-toggle="dropdown">
											    <span class="caret"></span>
											  </button>
											  <ul class="dropdown-menu">
											  	<li>
											    	<a href="#">Reply</a>
											    </li>
											    <li>
											    	<a href="#">Delete</a>
											    </li>
											  </ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>	
	</div>
</div>	
<script src="js/jquery.js"></script>
<script src="js/less.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.peity.js"></script>
<script src="js/jquery.uniform.min.js"></script>
<script src="js/bootstrap.timepicker.js"></script>
<script src="js/bootstrap.datepicker.js"></script>
<script src="js/chosen.jquery.min.js"></script>
<script src="js/plupload/plupload.full.js"></script>
<script src="js/plupload/jquery.plupload.queue/jquery.plupload.queue.js"></script>
<script src="js/jquery.cleditor.min.js"></script>
<script src="js/jquery.inputmask.min.js"></script>
<script src="js/jquery.tagsinput.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/jquery.textareaCounter.plugin.js"></script>
<script src="js/ui.spinner.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/jquery.flot.js"></script>
<script src="js/jquery.flot.pie.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/jquery.dataTables.bootstrap.js"></script>
<script src="js/jquery.color.js"></script>
<script src="js/jquery.flot.resize.js"></script>
<script src="js/jquery.flot.orderBars.js"></script>
<script src="js/custom.js"></script>
</body>
</html>